﻿@charset "utf-8";
/* CSS Document */

/*
	fix Chrome to support very tiny text
*/
html {
	-webkit-text-size-adjust:none;
}
/*

/*
	first, we reset the padding & margin
*/
html * {
	margin:0;
	padding:0;
	border-style: none;
	border-width: 0;
	background: transparent;
	list-style: none;
	text-decoration:none;
	vertical-align:middle;
}
body {
	color: #333;
	direction: ltr;
	font-family: "lucida grande", "tahoma", "verdana", "arial", "sans-serif";
	font-size: 12px;
	line-height: 1.28;
	margin: 0;
	padding: 0;
	text-align: left;
	unicode-bidi: embed;
	background-color: #f1f1f1;
	background-image: url(../graphic/portal_bg.jpg);
	overflow:hidden;
}
.warpper {
	margin:0 auto;
	width:710px;
}
.warpper .navigator {
	margin-top:150px;
}
.warpper .navigator .iconShow {
	margin-top:100px;
	text-align:center;
}
.warpper .navigator .iconShow a {
	width: 150px;
	min-height: 180px;
	_height: 180px;
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	vertical-align: top;
	zoom: 1;
	margin: 5px 30px;
}

.warpper .navigator .iconShow a span {
	text-align:center;
	font-size:14px;
	line-height:30px;
	color:#333333;
}

.warpper .navigator .iconShow a:hover span {
	color:#18845A;
}


.warpper .navigator .iconShow b.icon {
	display:block;
	width:150px;
	height:150px;
	background-image: url(../graphic/portalStyle.png);
	background-repeat: no-repeat;
	border: 1px solid #f2f2f2;
	border-radius:5px;
}

.warpper .navigator .iconShow a:hover b.icon {
	border-color:#ddd;
}

.warpper .navigator .iconShow b.icon.teacher {
	background-position: 0px 0px;
}

.warpper .navigator .iconShow b.icon.student {
	background-position: -150px 0px;
}

.warpper .navigator .iconShow b.icon.erya {
	background-position: -300px 0px;
}

.warpper .description {
	margin-top:100px;
}

.warpper .description p {
	line-height:35px;
}

.warpper .description ol li {
	list-style-position: inside;
	list-style-type: decimal;
	line-height:20px;
}

.warpper .pageFoot {
	margin-top:10px;
}

.warpper .pageFoot .copyright {
	color:#72767e;
	text-align:right;
}

.warpper .pageFoot .copyright span {
	font-size:10px;
	font-family:"Verdana";
}
